<template>
  <div class="homePage animated fadeIn " :style="{height:winheight+'px'}">
    <img src="/static/images/hometitle.png" alt="" class="hometitle">
    <div class="homeBtnBox animated slideInUp">
      <a class="szfBtn" @click.stop="gotoform()">送祝福</a>
    </div>
  </div>
</template>

<script>
  import router from '../router/index'
  export default {
    name: 'HelloWorld',
    data() {
      return {
        msg: 'Welcome to Your Vue.js App',
        winheight: window.innerHeight
      }
    },
    methods: {
      gotoform: function() {
        router.push({
          name: 'forms'
        })
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  
</style>
